---
title: Link
description: Link renders an anchor element <a> by default and is primarily used for navigation.
ariaPattern: https://www.w3.org/WAI/ARIA/apg/patterns/link/
themeSource: packages/ui/src/theme/tokens/components/link.ts
reactSource: packages/react/src/primitives/Link/Link.tsx
mdnUrl: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
htmlElement: a
supportedFrameworks: react
---

import { getCustomStaticPath } from '@/utils/getCustomStaticPath';
import { PrimitiveTabs } from '@/components/PrimitiveTabs';
import ReactPage from './react.mdx';

export async function getStaticPaths() {
  return getCustomStaticPath(frontmatter.supportedFrameworks);
}

{/*  `getStaticProps` is required to prevent "Error: getStaticPaths was added without a getStaticProps. Without getStaticProps, getStaticPaths does nothing" */}

export async function getStaticProps() {
  return { props: {} }
}

<PrimitiveTabs {...frontmatter}>
  <ReactPage />
</PrimitiveTabs>
        